<template>
    <div class="container">
        <!-- 顶部导航栏 -->
        <Top/>
        <!-- 路由组件展示区域 -->
        <div class="content">
            <RouterView></RouterView>
        </div>
        <!-- 底部 -->
        <Bottom/>
        <!-- 登录组件  -->
        <Login v-if="userStore.visible"/>
    </div>
</template>

<script setup lang="ts" name="App">
import {RouterView} from "vue-router";
import useUserStore from "@/store/modules/user";
// import {inject,onMounted} from "vue";
//
// const { width, height } = inject("windowSize") as any;  // 测试自定义插件
// console.log(width,height)
//
// onMounted(()=>{
//     alert('当前页面宽度'+width+'px'+'\n'+'当前页面高度'+height+'px')
// })

let userStore = useUserStore();

</script>

<style scoped>
    .container{
        display: flex;
        flex-direction: column;
        align-items: center;
        .content{
            margin-top: 70px;
            width: 1200px;
            min-height: 750px;
        }
    }
</style>